<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./libs/reset.CSS">
  <link rel="stylesheet" href="./libs/download/fonts/iconfont.css">
  <link rel="stylesheet" href="./css/details.css">
  <title>详情页</title>
</head>

<body>
  <div id="header">
    <div class="container1">
      <ul class="left">
        <li><a href="#"><span class="iconfont nav-f">&#xe64f;</span>天猫首页</a></li>
        <li>喵，欢迎来天猫</li>
        <li><a href="#">请登录</a></li>
        <li><a href="#">免费注册</a></li>
      </ul>
      <ul class="right">
        <li><a href="#">我的淘宝<span class="triangle">▼</span></a>
          <div class="son">
            <a href="#">已买到的宝贝</a>
            <a href="#">已卖出的宝贝</a>
          </div>
        </li>
        <li><a href="http://localhost:2206/cart.html"><span class="iconfont nav-f">&#xe605;</span>购物车</a></li>
        <li><a href="#">收藏夹<span class="triangle">▼</span></a>
          <div class="son">
            <a href="#">收藏的宝贝</a>
            <a href="#">收藏的店铺</a>
          </div>
        </li>
        <li><a href="#"><span class="iconfont nav-f">&#xe692;</span>手机版</a>
          <div class="son_2">
            <img src="./libs/images/index_ewm.png" alt="">
          </div>
        </li>
        <li><a href="#">淘宝网</a></li>
        <li><a href="#">网页无障碍</a></li>
        <li><a href="#">商家支持</a>
          <div class="son_2 clearfix">
            <div class="title">商家：</div>
            <ul class="son_2_shop clearfix">
              <li><a href="#">商家中心</a></li>
              <li><a href="#">天猫规则</a></li>
              <li><a href="#">商家入驻</a></li>
              <li><a href="#">运营服务</a></li>
              <li><a href="#">商家品控</a></li>
              <li><a href="#">商家工具</a></li>
              <li><a href="#">天猫智库</a></li>
              <li><a href="#">喵言喵语</a></li>
            </ul>
            <div class="title">帮助：</div>
            <ul class="son_2_help">
              <li><a href="#">商家服务大厅</a></li>
              <li><a href="#">问商友</a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">商家中心</a></li>
        <li><a href="#">联系客服<span class="triangle">▼</span></a>
          <div class="son_last">
            <a href="#">消费者客服</a>
            <a href="#">买家客服</a>
            <a href="#">意见反馈</a>
            <a href="#">网页版旺旺</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div id="search">
    <div class="container12">
      <a href="./index.html"><img src="./libs/images/tm_yy_logo.png" alt=""></a>
      <div class="search">
        <form action="#" method="get">
          <input type="text" placeholder="搜索 天猫 商品/品牌/店铺"><button>搜索</button>
        </form>
      </div>
    </div>
  </div>
  <div id="main" class="container clearfix">
    <div class="options">
      <div class="box">
        首页
      </div>
      <div class="box">
        当季水果
      </div>
      <div class="box">
        新鲜水产
      </div>
      <div class="box">
        放心鲜肉
      </div>
    </div>
    <div class="container11">
      <div class="information">
        <div class="big_glass">
          <div class="fugur">
            <!-- <img src="./libs/images/tm_index_banner_b1.webp" alt=""> -->
            <img src="" alt="">
            <span></span>
          </div>
          <ul>
            <!-- <li>
                            <img src="./libs/images/tm_index_banner_b2.webp" alt="">
                        </li>
                        <li>
                            <img src="./libs/images/tm_index_banner_b3.webp" alt="">
                        </li>
                        <li>
                            <img src="./libs/images/tm_index_banner_b4.webp" alt="">
                        </li>
                        <li>
                            <img src="./libs/images/tm_index_banner_b5.webp" alt="">
                        </li> -->
          </ul>
          <div class="fugur_img">
            <img src="./libs/images/tm_index_banner_b1.webp" alt="">
          </div>
        </div>
        <div class="information_son">
          <div class="title">
            <p>还是觉得看妇科技术很快收到回复可见舍不得会计师的反抗精神发挥了就看电视风口浪尖上的浪费机会深刻的胡椒粉即可收到</p>
          </div>
          <div class="price">
            <p class="price_one">
              价格：
              <span>￥32</span>
            </p>
            <p class="price_tuijian">
              促销价：
              <span></span>
            </p>
          </div>
          <div class="shopCar">
            <div class="buy">
              立即购买
            </div>
            <div class="shop_car">
              加入购物车
            </div>
          </div>
          <div class="evaluation">
            <div class="top">
              <div class="evaluation_son">评论</div>
              <div class="evaluation_son">我要评论</div>
            </div>
            <div class="bottom">
              <div class="evaluation_son1">
                <ul class="clearfix">
                  
                </ul>
              </div>
              <div class="evaluation_son2">
                <textarea name="" id="" cols="30" rows="10"></textarea>
                <span>发表</span>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  <!-- 页脚 -->
  <div id="footer">
    <div class="tm_methods">
      <div class="container">
        <div class="top">
          <a href="#">
            <span>优</span>
            <div class="title">
              <h3>品质保障</h3>
              <p>品质护航 购物无忧</p>
            </div>
          </a>
          <a href="#">
            <span>七</span>
            <div class="title">
              <h3>七天无理由退货</h3>
              <p>为您提供售后无忧保障</p>
            </div>
          </a>
          <a href="#">
            <span>特</span>
            <div class="title">
              <h3>特赦服务体验</h3>
              <p>为您提供不一样的服务</p>
            </div>
          </a>
          <a href="#">
            <span>帮</span>
            <div class="title">
              <h3>帮助中心</h3>
              <p>您的购物指南</p>
            </div>
          </a>
        </div>
        <div class="methods">
          <div class="content">
            <div class="title">购物指南</div>
            <ul>
              <li><a href="#">免费注册</a></li>
              <li><a href="#">开通支付宝</a></li>
              <li><a href="#">支付宝充值</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">天猫保障</div>
            <ul>
              <li><a href="#">发票保障</a></li>
              <li><a href="#">售后规则</a></li>
              <li><a href="#">物流时效保障</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">支付方式</div>
            <ul>
              <li><a href="#">快捷支付</a></li>
              <li><a href="#">信用卡</a></li>
              <li><a href="#">余额宝</a></li>
              <li><a href="#">蚂蚁花呗</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">商家服务</div>
            <ul>
              <li><a href="#">天猫规则</a></li>
              <li><a href="#">商家入驻</a></li>
              <li><a href="#">商家中心</a></li>
              <li><a href="#">天猫必修课</a></li>
              <li><a href="#">喵言喵语</a></li>
              <li><a href="#">运营服务</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">手机天猫</div>
            <ul>
              <li class="ewm"><a href="#"><img src="./libs/images/ewm.png" alt=""></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="network">
      <div class="container">
        <ul class="list">
          <li><a href="#">关于天猫</a></li>
          <li><a href="#">商家服务大厅</a></li>
          <li><a href="#">开放平台</a></li>
          <li><a href="#">诚聘英才</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">网站合作</a></li>
          <li><a href="#">法律声明</a></li>
          <li><a href="#">隐私权政策</a></li>
          <li><a href="#">知识产权</a></li>
          <li><a href="#">廉正举报</a></li>
          <li><a href="#">不当竞争举报</a></li>
        </ul>
        <ul class="second">
          <li><a href="#">阿里巴巴集团</a>|</li>
          <li><a href="#">淘宝网</a>|</li>
          <li><a href="#">天猫</a>|</li>
          <li><a href="#">聚划算</a>|</li>
          <li><a href="#">全球速卖通</a>|</li>
          <li><a href="#">阿里巴巴国际交易市场</a>|</li>
          <li><a href="#">1688</a>|</li>
          <li><a href="#">阿里妈妈</a>|</li>
          <li><a href="#">飞猪</a>|</li>
          <li><a href="#">阿里云计算</a>|</li>
          <li><a href="#">AliOS</a>|</li>
          <li><a href="#">阿里通信</a>|</li>
          <li><a href="#">万网</a>|</li>
          <li><a href="#">高德</a>|</li>
          <li><a href="#">UC</a>|</li>
          <li><a href="#">友盟</a>|</li>
          <li><a href="#">虾米</a>|</li>
          <li><a href="#">钉钉</a>|</li>
          <li><a href="#">支付宝</a>|</li>
          <li><a href="#">阿里安全</a></li>
        </ul>
        <div class="information clearfix">
          <a href="#">增值电信业务经营许可证：浙B2-20110446</a>
          <a href="#">市场名称登记证：工商网市字3301004119号</a>
          <a href="#">出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</a>
          <a href="#">互联网违法和不良信息举报电话：0571-81683755 jubao.tb@service.taobao.com</a>
          <a href="#">中国互联网举报中心</a>
          <a href="#">中国扫黄打非网</a>
          <a href="#">全国文化和旅游市场网上举报投诉处理系统</a>
          <a href="#">全国12315平台</a>
        </div>
        <div class="information clearfix">
          <a href="#">浙江省互联网违法和不良信息举报中心</a>
          <a href="#">全网举报</a>
          <a href="#">互联网药品信息服务资质证书编号：</a>
          <a href="#" class="gongan">浙-（经营性）-2021-0139</a>
        </div>
        <div class="xinxi">
          <p>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</p>
          <p>网络文化经营许可证：浙网文 [2021]1668-073号</p>
          <p class="img"><img src="./libs/images/zhizhao.gif" alt=""></p>
        </div>
        <div class="xinxi">
          <p>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</p>
          <p><a href="#">12318举报</a></p>
          <p><a href="#">浙B2-20110446-1</a></p>
        </div>
        <div class="img_li">
          <img src="./libs/images/footer_img.jpg" alt="">
          <img src="./libs/images/footer_img.png" alt="">
          <img src="./libs/images/footer_img1.png" alt="">
          <img src="./libs/images/footer_img2.png" alt="">
          <img src="./libs/images/footer_img3.png" alt="">
        </div>
        <div class="img_li1">
          <img src="./libs/images/footer_img5.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <script src="./js/details.js"></script>
</body>

</html>